@charset "UTF-8";
@font-face { font-family: 'icomoon'; src: url("../fonts/fonts/icomoon.eot?glioac"); src: url("../fonts/fonts/icomoon.eot?glioac#iefix") format("embedded-opentype"), url("../fonts/fonts/icomoon.ttf?glioac") format("truetype"), url("../fonts/fonts/icomoon.woff?glioac") format("woff"), url("../fonts/fonts/icomoon.svg?glioac#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-weibo:before { content: "\e61b"; }

.icon-qq:before { content: "\e629"; }

.icon-winxin:before { content: "\e680"; }

.icon-message:before { content: "\e668"; }

.icon-record:before { content: "\e606"; }

.icon-worker:before { content: "\e614"; }

.icon-work:before { content: "\e61f"; }

.icon-arrow-left:before { content: "\e627"; }

.icon-arrow-right:before { content: "\e628"; }

.icon-love:before { content: "\e652"; }

body, h1, h2, h3, h4, h5, h6, hr, p, div, span, ul, ol, li, input, img, select, figure { margin: 0; padding: 0; }

body, html { font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; }

h1, h2, h3, h4, h5, h6 { font-weight: 500; }

a { text-decoration: none; }

ul, li { list-style-type: none; }

img { border: none; }

table { border-collapse: collapse; border-spacing: 0; }

.fl, .comp-new .com-top .bg li, .field-zs ul li, .case-list li, .case-yb .bg li, .process li, .ser-bz ul li { float: left; }

.fr { float: right; }

.clear:before, .nav ul:before, .case-list ul:before, .case-yb .bg ul:before, .ser-bz ul:before, .brand:before, .form-box .group:before, .clear:after, .nav ul:after, .case-list ul:after, .case-yb .bg ul:after, .ser-bz ul:after, .brand:after, .form-box .group:after { content: ""; display: table; }
.clear:after, .nav ul:after, .case-list ul:after, .case-yb .bg ul:after, .ser-bz ul:after, .brand:after, .form-box .group:after { clear: both; }

.ell, .new-content .bg ul li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hide { display: none; }

.mt10, .industry-new .news-item .text .t-more, .news-last .hover-img .detail p, .news-last .honnor-warp li .detail p, .honnor-warp .news-last li .detail p, .news-last .ser-bz ul li .detail p, .ser-bz ul .news-last li .detail p, .field-list li .f-tit p, .case-warp .hd-r .line, .case-else ul { margin-top: 10px; }

.mt20, .new-link-main .new-hd p, .honnor-warp li p, .ser-after li P { margin-top: 20px; }

.mt30, .case-list ul, .case-yb .bg ul { margin-top: 30px; }

.mt40, .progress .small_list li p, .progress .bg .num li a { margin-top: 40px; }

.mt50, .poster-main p, .brand { margin-top: 50px; }

.mr5 { margin-right: 5px; }

.mr10, .field-zs ul li { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.ml10, .new-content .bg ul li a, .form-box .group input, .form-box .textarea { margin-left: 10px; }

.m10 { margin: 0 10px; }

.tc, .hd, .top-bg h1, .comp-new .com-top .bg li p, .industry-new .on .date-t, .industry-new .news-item .date, .news-last .list .hover-img p, .news-last .list .honnor-warp li p, .honnor-warp .news-last .list li p, .news-last .list .ser-bz ul li p, .ser-bz ul .news-last .list li p, .new-link-main .new-hd, .progress .small_list li p, .progress .bg .num li a, .team .bg li .tit, .field-list li .f-item p, .field-list li .f-tit, .field-list li .f-tit .li-line, .field-zs ul li p, .case-list li p, .case-yb .bg li p, .case-warp .roll li p, .case-else li p, .poster-main p, .honor-main h1, .honnor-warp li p, .ser-bz ul li h3, .ser-bz ul li .info, .ser-bz ul li .hd { text-align: center; }

.t-color, .nav li a, .new-tit h2 i, .new-tit h2 span, .back-btn:hover a, .case-warp .hd-r .infom { color: #00524C; }

.t-grey, .industry-new .news-item .text h3, .industry-new .news-item .text p, .new-link-main, .new-link-main .bg .cut a, .back-btn a, .know .text, .field-main .list .text, .field-zs .bg p, .case-warp .hd-l, .case-warp .hd-r .text, .honor-main p, .con-list li p { color: #666; }

.t-white, .nav li:hover a, .nav li.on a, .slideBox .bd li .info, .slideBox .bd li .hd, .pic-list a, .top-bg h1, .new-content .bg .btn, .comp-new .com-top, .industry-new .news-item:hover .date h3, .more-btn a, .pub-more-btn a, .more-btn span, .pub-more-btn span, .news-last .hd h1 a, .news-last .list .hover-img p, .news-last .list .honnor-warp li p, .honnor-warp .news-last .list li p, .news-last .list .ser-bz ul li p, .ser-bz ul .news-last .list li p, .new-link-main .bg .cut span, .culture .hd h1, .culture .bg .bg-list h3, .team .bg li .tit, .team .bg li .info, .team .bg li .hd, .field-main .list .btn, .field-list li .f-item p, .field-list li .f-tit, .field-zs ul li:hover p, .case-list li:hover p, .case-yb .bg li:hover p, .case-warp .roll li p, .case-else li p, .ser-bg .com-top, .ser-bg .bg li .ser-info, .ser-bz ul li h3, .form-box .m-btn, .map .map-info, .footer .list a:hover { color: #fff; }

.layout { width: 1200px; margin: 0 auto; }

.info h1, .hd h1 { font-size: 46px; }

.hd { padding: 70px 0 60px; }
.hd span { vertical-align: middle; display: inline-block; padding: 3px; font-size: 12px; }
.hd h1 { font-size: 36px; margin-bottom: 20px; }
.hd .line { position: relative; width: 100px; margin: 0 auto; border-bottom: 8px solid; }
.hd .line:after, .hd .line:before { position: absolute; top: 4px; content: ''; width: 125px; height: 1px; }
.hd .line:before { right: 100px; }
.hd .line:after { left: 100px; }

.mb10 { margin-bottom: 10px; }

.container { min-width: 1200px; position: relative; padding-top: 108px; }
.container .header { position: absolute; width: 100%; top: 0; z-index: 1200; background: url(../img/bar-bg.jpg) left top repeat-x; height: 108px; }
.container .header .bar { display: block; background: url(../img/white-bar.png) center top no-repeat; width: 100%; height: 9px; position: absolute; overflow: hidden; top: 108px; z-index: 10; }
.container .header .hgroup { height: 108px; position: absolute; width: 100%; z-index: 20; top: 0; }
.container .header .logo { display: inline; height: 57px; width: 254px; margin-top: 25px; overflow: hidden; }

.nav { display: inline; width: 780px; }
.nav li { display: inline; float: left; width: 83px; height: 118px; text-align: center; z-index: 999; }
.nav li a { display: inline-block; margin-top: 48px; padding: 0 26px; border-right: 1px solid #00524C; }
.nav li:hover, .nav li.on { position: relative; }
.nav li:hover:after, .nav li.on:after { content: ''; position: absolute; background: #00524C; left: -5px; right: -0px; top: 0; bottom: 0; }
.nav li:hover a, .nav li.on a { position: relative; z-index: 20; border-right-color: #00524C; }
.nav li:last-child a { border: none; }

.slideBox { position: relative; width: 100%; height: 600px; overflow: hidden; }
.slideBox .hd { position: absolute; left: 46%; top: 80%; z-index: 1; }
.slideBox .hd ul li { display: inline-block; margin-right: 10px; width: 20px; height: 20px; background: url(../img/round_1.png) no-repeat; cursor: pointer; }
.slideBox .hd .on { background: url(../img/round.png) no-repeat; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .bd li img { height: 600px; display: block; }
.slideBox .bd li .info, .slideBox .bd li .hd { position: absolute; width: 500px; height: 374px; top: 25%; right: 15%; background: url(../img/ban_r.png) no-repeat; text-align: right; }
.slideBox .bd li .info h1, .slideBox .bd li .hd h1, .slideBox .bd li .info p, .slideBox .bd li .hd p { margin-right: 50px; }
.slideBox .bd li .info h1, .slideBox .bd li .hd h1 { margin-top: 65px; margin-bottom: 20px; font-size: 46px; }
.slideBox .bd li .info h1 span, .slideBox .bd li .hd h1 span { vertical-align: super; }
.slideBox .bd li .info p, .slideBox .bd li .hd p { line-height: 1.6; font-size: 18px; }
.slideBox .next, .slideBox .prev { display: block; position: absolute; top: 40%; width: 58px; height: 93px; color: #fff; }
.slideBox .next:hover, .slideBox .prev:hover { color: #117e48; }
.slideBox [class^="icon-"]:before { font-size: 80px; }
.slideBox .prev { left: 60px; }
.slideBox .next { right: 60px; }

.hover-img, .honnor-warp li, .ser-bz ul li { overflow: hidden; }
.hover-img span, .honnor-warp li span, .ser-bz ul li span { -webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -o-transition-duration: 350ms; -ms-transform-duration: 350ms; transition-duration: 350ms; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-property: color,background-color,visibility,opacity; -moz-transition-property: color,background-color,visibility,opacity; -o-transition-property: color,background-color,visibility,opacity; -ms-transition-property: color,background-color,visibility,opacity; transition-property: color,background-color,visibility,opacity; }
.hover-img span img, .honnor-warp li span img, .ser-bz ul li span img { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; }
.hover-img:hover img, .honnor-warp li:hover img, .ser-bz ul li:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

.new-tit h2 { font-size: 24px; font-weight: 500; margin-bottom: 25px; color: #333; }
.new-tit h2 span { font-size: 18px; }
.new-tit .hover-img, .new-tit .honnor-warp li, .honnor-warp .new-tit li, .new-tit .ser-bz ul li, .ser-bz ul .new-tit li { height: 149px; }
.new-tit .hover-img img, .new-tit .honnor-warp li img, .honnor-warp .new-tit li img, .new-tit .ser-bz ul li img, .ser-bz ul .new-tit li img { width: 204px; height: 149px; }

.new-img { width: 260px; overflow: hidden; line-height: 1.6; }
.new-img h3 a { color: #333; }
.new-img h3 a:hover { color: #00AA91; }
.new-img p { color: #777; padding-top: 15px; }

.pic-list { overflow: hidden; height: 209px; }
.pic-list a { float: left; position: relative; width: 100px; transition: all .5s; -webkit-transition: all .5s; display: block; }
.pic-list img { height: 100%; }
.pic-list h3 { position: absolute; top: 15px; left: 15px; }
.pic-list .cover { display: none; position: absolute; width: 100%; height: 58px; bottom: 0; }
.pic-list .cover p { position: absolute; padding: 10px; line-height: 1.6; font-size: 12px; z-index: 10; opacity: 1; background: rgba(12, 116, 99, 0.73); filter: alpha(opacity=80); }
.pic-list .on { width: 310px; }
.pic-list .on .cover { display: block; }

.top-warp { position: relative; }
.top-warp .bg-color { background: #e6e6e6; }
.top-warp .top-nav { width: 1180px; margin: 0 auto; }
.top-warp .top-nav .tit, .top-warp .top-nav a { display: inline-block; color: #666; }
.top-warp .top-nav a { padding: 25px 10px 15px; }
.top-warp .top-nav a:hover { color: #00BD82; }
.top-warp .top-nav .tit { font-size: 20px; padding: 20px 0 13px 100px; }

.new { background: url(../img/bg_2.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; }

.top-bg { height: 274px; }
.top-bg h1 { padding-top: 76px; }
.top-bg h1 span { vertical-align: super; }

.main-img { margin-left: 120px; }

.new-content .hd { padding: 50px 100px 0 0; }
.new-content .hd h1 a { color: #333; margin-bottom: 40px; }
.new-content .hd span { background: #00524C; }
.new-content .hd .line { border-bottom-color: #00524c; }
.new-content .hd .line:after, .new-content .hd .line:before { background: #9a9a9a; }
.new-content .bg { line-height: 2; }
.new-content .bg .btn { display: inline-block; font-size: 12px; margin: 30px 20px; background: #00524C; padding: 0 20px; }
.new-content .bg ul { padding: 20px 50px 0 0; }
.new-content .bg ul li a { display: inline-block; width: 240px; color: #333; }
.new-content .bg ul li a:hover { color: #00BD82; }
.new-content .bg .new-item { padding-left: 50px; padding-right: 0; }

.comp-new { background: url(../img/bg_3.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; margin-top: -4px; }
.comp-new .com-top { padding-bottom: 90px; }
.comp-new .com-top .hd span { background: #fff; }
.comp-new .com-top .hd .line { border-bottom-color: #fff; }
.comp-new .com-top .hd .line:after, .comp-new .com-top .hd .line:before { background: #fff; }
.comp-new .com-top .bg li p { padding: 10px 0; background: #ccc; margin-top: 5px; }
.comp-new .com-top .bg .hover-img, .comp-new .com-top .bg .honnor-warp li, .honnor-warp .comp-new .com-top .bg li, .comp-new .com-top .bg .ser-bz ul li, .ser-bz ul .comp-new .com-top .bg li { display: inline-block; height: 254px; }
.comp-new .com-top .bg .hover-img img, .comp-new .com-top .bg .honnor-warp li img, .honnor-warp .comp-new .com-top .bg li img, .comp-new .com-top .bg .ser-bz ul li img, .ser-bz ul .comp-new .com-top .bg li img { width: 380px; height: 254px; }

.industry-new { width: 960px; margin: 0 auto; }
.industry-new .hd h1 a { color: #333; }
.industry-new .hd span { background: #00524C; }
.industry-new .hd .line { border-bottom-color: #00524c; }
.industry-new .hd .line:after, .industry-new .hd .line:before { background: #9a9a9a; }
.industry-new .on .date-t { padding: 20px 22px; margin-right: 25px; background-color: #117e48; }
.industry-new .on .date-t h3 { color: #fff; font-size: 24px; }
.industry-new .on .date-t p { color: #d1d1d1; padding-top: 15px; }
.industry-new .on .text h3 { color: #117e48; }
.industry-new .news-item { display: block; padding-bottom: 20px; border-bottom: 1px dashed  #ccc; }
.industry-new .news-item .date { background-color: #e6e6e6; padding: 20px 22px; margin-right: 25px; }
.industry-new .news-item .date h3 { color: #333; font-size: 24px; }
.industry-new .news-item .date p { color: #666; padding-top: 15px; }
.industry-new .news-item .text { width: 815px; }
.industry-new .news-item .text h3 { font-size: 18px; }
.industry-new .news-item .text p { margin-top: 15px; }
.industry-new .news-item .text .t-more { display: block; font-size: 12px; }
.industry-new .news-item .text .t-more .more-arr { margin-left: 5px; }
.industry-new .news-item:hover .date { background: #117e48; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }
.industry-new .news-item:hover .date p { color: #d1d1d1; }
.industry-new .news-item:hover .text h3 { color: #117e48; }

.page { margin: 50px 0 90px; }

.more-btn, .pub-more-btn { position: relative; }
.more-btn a, .pub-more-btn a, .more-btn span, .pub-more-btn span { display: block; background: url(../img/btn.png) no-repeat center; padding: 6px 0; cursor: pointer; }
.more-btn a:before, .pub-more-btn a:before, .more-btn a:after, .pub-more-btn a:after, .more-btn span:before, .pub-more-btn span:before, .more-btn span:after, .pub-more-btn span:after { position: absolute; content: ""; width: 140px; height: 1px; background: #9a9a9a; top: 16px; }
.more-btn a:before, .pub-more-btn a:before, .more-btn span:before, .pub-more-btn span:before { left: 260px; }
.more-btn a:after, .pub-more-btn a:after, .more-btn span:after, .pub-more-btn span:after { right: 260px; }

.pub-more-btn { margin: 85px 0 95px; }
.pub-more-btn a:before, .pub-more-btn span:before { left: 380px; }
.pub-more-btn a:after, .pub-more-btn span:after { right: 380px; }

.news-last { margin-top: 100px; background: url(../img/bg_4.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; }
.news-last .hd span { background: #00524C; }
.news-last .hd .line { border-bottom-color: #00524c; }
.news-last .hd .line:after, .news-last .hd .line:before { background: #fff; }
.news-last .hover-img, .news-last .honnor-warp li, .honnor-warp .news-last li, .news-last .ser-bz ul li, .ser-bz ul .news-last li { display: block; position: relative; width: 550px; height: 410px; }
.news-last .hover-img span img, .news-last .honnor-warp li span img, .honnor-warp .news-last li span img, .news-last .ser-bz ul li span img, .ser-bz ul .news-last li span img { width: 550px; height: 410px; }
.news-last .hover-img .detail, .news-last .honnor-warp li .detail, .honnor-warp .news-last li .detail, .news-last .ser-bz ul li .detail, .ser-bz ul .news-last li .detail { margin-top: -105px; background: #000; opacity: 0.8; color: #fff; padding: 18px 25px; }
.news-last .hover-img .detail h3, .news-last .honnor-warp li .detail h3, .honnor-warp .news-last li .detail h3, .news-last .ser-bz ul li .detail h3, .ser-bz ul .news-last li .detail h3 { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; }
.news-last .hover-img .detail p, .news-last .honnor-warp li .detail p, .honnor-warp .news-last li .detail p, .news-last .ser-bz ul li .detail p, .ser-bz ul .news-last li .detail p { font-size: 12px; }
.news-last .hover-img:hover h3, .news-last .honnor-warp li:hover h3, .honnor-warp .news-last li:hover h3, .news-last .ser-bz ul li:hover h3, .ser-bz ul .news-last li:hover h3 { color: #00BD82; }
.news-last .list { margin-left: 20px; }
.news-last .list .hover-img, .news-last .list .honnor-warp li, .honnor-warp .news-last .list li, .news-last .list .ser-bz ul li, .ser-bz ul .news-last .list li { display: block; position: relative; width: 304px; height: 195px; }
.news-last .list .hover-img span img, .news-last .list .honnor-warp li span img, .honnor-warp .news-last .list li span img, .news-last .list .ser-bz ul li span img, .ser-bz ul .news-last .list li span img { width: 304px; height: 195px; }
.news-last .list .hover-img p, .news-last .list .honnor-warp li p, .honnor-warp .news-last .list li p, .news-last .list .ser-bz ul li p, .ser-bz ul .news-last .list li p { position: absolute; width: 100%; bottom: 0; background: #000; opacity: 0.8; padding: 10px 0px; font-size: 12px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; }
.news-last .list .hover-img:hover p, .news-last .list .honnor-warp li:hover p, .honnor-warp .news-last .list li:hover p, .news-last .list .ser-bz ul li:hover p, .ser-bz ul .news-last .list li:hover p { color: #00BD82; }
.news-last .pub-more-btn { margin: 50px 0 0 0; padding-bottom: 80px; }
.news-last .pub-more-btn a:after, .news-last .pub-more-btn a:before { background: #fff; }

.new-link-main { margin: 70px 0 80px; }
.new-link-main .new-hd h3 { color: #117e48; font-size: 18px; }
.new-link-main .new-hd p .share { padding: 0 5px 0 30px; }
.new-link-main .new-hd p a { vertical-align: sub; }
.new-link-main .bg p { text-indent: 2em; line-height: 1.8; }
.new-link-main .bg .cut span { padding: 5px 7px; margin-right: 15px; background: #117e48; }

.back-btn { text-align: center; }
.back-btn a { width: 100px; padding: 5px 22px; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; }
.back-btn span { padding-left: 10px; }

.about { background: url(../img/关于名邸_01.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; }

.know { background: url(../img/01关于名邸_02.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; padding-bottom: 180px; }
.know .hd span { background: #00524C; }
.know .hd .line { border-bottom-color: #00524c; }
.know .hd .line:after, .know .hd .line:before { background: #9a9a9a; }
.know .bg { position: relative; }
.know .bg span { position: absolute; }
.know .bg .qu-l { left: 6%; }
.know .bg .qu-r { right: 10%; }
.know .text { width: 790px; margin: 0 auto; padding-top: 15px; }

.culture { background: url(../img/01关于名邸_03.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; padding-bottom: 40px; }
.culture .hd h1 { text-align: left; }
.culture .hd span { background: #fff; }
.culture .hd .line { border-bottom-color: #fff; margin: 0; }
.culture .hd .line:after { background: #fff; width: 280px; }
.culture .bg .bg-list { padding-bottom: 20px; margin-bottom: 40px; }
.culture .bg .bg-list h2, .culture .bg .bg-list h3 { font-weight: 600; }
.culture .bg .bg-list h2 { color: #06f7d0; }
.culture .bg .bg-list h3 { padding: 20px 0 10px; }
.culture .bg .bg-list p { color: #ccc; }
.culture .bg .list { padding-right: 200px; }
.culture .bg .item { padding-top: 50px; }

.organize { margin-bottom: 70px; }
.organize .hd span { background: #00524C; }
.organize .hd .line { border-bottom-color: #00524c; }
.organize .hd .line:after, .organize .hd .line:before { background: #9a9a9a; }

.progress { background: url(../img/01关于名邸_04.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; padding-bottom: 100px; /*  .qunar{ position: relative; .prev,.next{ position: absolute; top: 25px; width: 28px; height: 54px; } .prev{ background: url(../img/arrow_l.png) no-repeat; left: 100px; } .next{ background: url(../img/arrow_r.png) no-repeat; right: 100px; } .hd{ padding-top: 0;  li{ display: inline-block; background: url(../img/w_round.png) no-repeat; width: 112px; height: 112px; margin: 0 25px; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; p{ @extend .tc,.mt40; color: #333; font-size: 20px; } } .on{ background: url(../img/b_round.png) no-repeat; width: 112px; height: 112px; p{@extend .t-white;} } } .slide-pic{ li{ @extend .tc; font-size: 16px; line-height: 1.8; } }
}*/ }
.progress .hd span { background: #00524C; }
.progress .hd .line { border-bottom-color: #00524c; }
.progress .hd .line:after, .progress .hd .line:before { background: #9a9a9a; }
.progress .small_list { height: 112px; overflow: hidden; }
.progress .small_list ul { height: 73px; overflow: hidden; }
.progress .small_list li { display: inline-block; background: url(../img/w_round.png) no-repeat; width: 112px; height: 112px; margin: 0 25px; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.progress .small_list li p { color: #333; font-size: 20px; }
.progress .bg { position: relative; }
.progress .bg .min_pic { position: relative; }
.progress .bg .num li { display: inline-block; background: url(../img/w_round.png) no-repeat; width: 112px; height: 112px; margin: 0 25px; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.progress .bg .num li a { display: inline-block; color: #333; font-size: 20px; }
.progress .bg .prev_btn1, .progress .bg .next_btn1 { position: absolute; top: 25px; width: 28px; height: 54px; }
.progress .bg .prev_btn1 { background: url(../img/arrow_l.png) no-repeat; left: 100px; }
.progress .bg .next_btn1 { background: url(../img/arrow_r.png) no-repeat; right: 100px; }

.team .hd span { background: #00524C; }
.team .hd .line { border-bottom-color: #00524c; }
.team .hd .line:after, .team .hd .line:before { background: #9a9a9a; }
.team .bg li { display: inline-block; position: relative; overflow: hidden; height: 328px; }
.team .bg li img { width: 290px; height: 328px; }
.team .bg li .tit { display: block; position: absolute; bottom: 0px; background: #00524C; opacity: 0.8; padding: 8px 0; width: 100%; height: 45px; transition: all .3s; -webkit-transition: all .3s; }
.team .bg li .tit p { font-size: 12px; padding-top: 5px; }
.team .bg li .info, .team .bg li .hd { position: absolute; top: 328px; height: 328px; padding: 40px 20px 0; background: #00524C; opacity: 0.8; line-height: 1.8; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; }
.team .bg li .info h3, .team .bg li .hd h3 { font-size: 24px; }
.team .bg li .info .p-line, .team .bg li .hd .p-line { width: 50px; border-top: 1px solid #fff; margin: 15px 0 25px; }
.team .bg li:hover .tit { bottom: -60px; }
.team .bg li:hover .info, .team .bg li:hover .hd { top: 0; }

.fie-line, .case-warp .hd-r .line { position: relative; border-bottom: 6px solid #00524c; width: 48px; }
.fie-line:after, .case-warp .hd-r .line:after { position: absolute; content: ""; top: 3px; left: 48px; width: 200px; height: 1px; background: #ccc; }

.field-main { display: block; margin-top: 60px; }
.field-main .list h3 { font-size: 24px; padding-bottom: 15px; }
.field-main .list h3 a { color: #333; }
.field-main .list .text { width: 700px; padding: 30px 0 38px; line-height: 1.8; }
.field-main .list .btn { background: #00524C; padding: 15px 30px; }

.field-con { margin: 50px 0 120px; }

.field-list li { display: inline-block; position: relative; overflow: hidden; height: 250px; }
.field-list li .f-item { position: relative; }
.field-list li .f-item img { width: 390px; height: 250px; }
.field-list li .f-item p { position: absolute; width: 100%; bottom: 0px; background: #01524c; padding: 10px 0; opacity: 0.7; filter: alpha(opacity=60); }
.field-list li .f-ietm p, .field-list li .f-tit { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.field-list li .f-tit { position: absolute; width: 100%; display: block; top: 250px; background: #00524C; opacity: 0.7; filter: alpha(opacity=60); padding: 40px 0; }
.field-list li .f-tit h3 { font-size: 28px; }
.field-list li .f-tit .li-line { height: 1px; background: #FFF; width: 180px; margin: 10px auto 40px; }
.field-list li:hover .f-tit { top: 0; }
.field-list li:hover .f-item p { bottom: -50px; }

.pub-hd .hd span { background: #00524C; }
.pub-hd .hd .line { border-bottom-color: #00524C; }
.pub-hd .hd .line:after, .pub-hd .hd .line:before { background: #9a9a9a; }

.field-zs { padding-bottom: 90px; }
.field-zs .bg p { text-indent: 2em; line-height: 1.8; }
.field-zs h3 { font-size: 24px; }
.field-zs ul li .hover-img, .field-zs ul li .honnor-warp li, .honnor-warp .field-zs ul li li, .field-zs .ser-bz ul li li, .ser-bz .field-zs ul li li { display: inline-block; height: 214px; }
.field-zs ul li .hover-img img, .field-zs ul li .honnor-warp li img, .honnor-warp .field-zs ul li li img, .field-zs .ser-bz ul li li img, .ser-bz .field-zs ul li li img { width: 288px; height: 214px; }
.field-zs ul li p { color: #333; padding: 10px 0; background: #e6e6e6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.field-zs ul li:hover p { background: #00524C; }

.case-list, .case-yb .bg { margin: 20px 0 120px; }
.case-list li p, .case-yb .bg li p { color: #333; padding: 10px 0; background: #e6e6e6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.case-list li:hover p, .case-yb .bg li:hover p { background-color: #00524C; transition: all 0.3s ease-in-out; }
.case-list .hover-img, .case-yb .bg .hover-img, .case-list .honnor-warp li, .honnor-warp .case-list li, .case-yb .bg .honnor-warp li, .honnor-warp .case-yb .bg li, .case-list .ser-bz ul li, .ser-bz ul .case-list li, .case-yb .bg .ser-bz ul li, .ser-bz ul .case-yb .bg li { display: inline-block; height: 280px; }
.case-list .hover-img img, .case-yb .bg .hover-img img, .case-list .honnor-warp li img, .honnor-warp .case-list li img, .case-yb .bg .honnor-warp li img, .honnor-warp .case-yb .bg li img, .case-list .ser-bz ul li img, .ser-bz ul .case-list li img, .case-yb .bg .ser-bz ul li img, .ser-bz ul .case-yb .bg li img { width: 575px; height: 280px; }

.case-yb { padding-bottom: 50px; }
.case-yb .hd span { background: #00524C; }
.case-yb .hd .line { border-bottom-color: #00524C; }
.case-yb .hd .line:after, .case-yb .hd .line:before { background: #9a9a9a; }
.case-yb .bg { margin-bottom: 50px; }
.case-yb .bg .hover-img, .case-yb .bg .honnor-warp li, .honnor-warp .case-yb .bg li, .case-yb .bg .ser-bz ul li, .ser-bz ul .case-yb .bg li { display: inline-block; height: 215px; }
.case-yb .bg .hover-img img, .case-yb .bg .honnor-warp li img, .honnor-warp .case-yb .bg li img, .case-yb .bg .ser-bz ul li img, .ser-bz ul .case-yb .bg li img { width: 289px; height: 215px; }

.bor-b, .case-warp .hd-r .text, .case-warp .hd-r .infom, .honor-main h1:before, .honor-main h1:after { border-bottom: 1px solid #b5b5b5; }

.case-warp { margin: 70px 0; }
.case-warp .hd-l .hover-img, .case-warp .hd-l .honnor-warp li, .honnor-warp .case-warp .hd-l li, .case-warp .hd-l .ser-bz ul li, .ser-bz ul .case-warp .hd-l li { display: inline-block; height: 418px; }
.case-warp .hd-l .hover-img img, .case-warp .hd-l .honnor-warp li img, .honnor-warp .case-warp .hd-l li img, .case-warp .hd-l .ser-bz ul li img, .ser-bz ul .case-warp .hd-l li img { width: 756px; height: 418px; }
.case-warp .hd-l h3 { padding: 10px 0; }
.case-warp .hd-l p { padding-bottom: 15px; }
.case-warp .hd-r h2 { font-size: 36px; font-weight: 600; }
.case-warp .hd-r .line { width: 80px; }
.case-warp .hd-r .line:after { left: 80px; width: 310px; background: #b5b5b5; }
.case-warp .hd-r .text { width: 390px; padding: 26px 0; line-height: 1.8; }
.case-warp .hd-r .infom { line-height: 1.8; padding: 20px 0; font-size: 18px; }
.case-warp .roll { border-top: 1px solid #ccc; padding-top: 16px; }
.case-warp .roll li { display: inline-block; margin-right: 7px; }
.case-warp .roll li a { display: inline-block; height: 112px; }
.case-warp .roll li img { width: 181px; height: 112px; }
.case-warp .roll li p { background: #333; opacity: 0.7; filter: alpha(opacity=70); padding: 5px 0; margin-top: -34px; }
.case-warp .roll li:last-child { margin-right: 0; }

.case-else h3 { font-size: 18px; }
.case-else li { display: inline-block; }
.case-else li .hover-img, .case-else li .honnor-warp li, .honnor-warp .case-else li li, .case-else li .ser-bz ul li, .ser-bz ul .case-else li li { display: inline-block; height: 79px; }
.case-else li .hover-img img, .case-else li .honnor-warp li img, .honnor-warp .case-else li li img, .case-else li .ser-bz ul li img, .ser-bz ul .case-else li li img { width: 126px; height: 79px; }
.case-else li p { background: #a0a0a0; padding: 5px 0; margin-top: -2px; }

.poster-main { position: relative; height: 328px; margin: 60px auto; }
.poster-main a, .poster-main img { display: block; width: 100%; }
.poster-main .poster-list { height: 328px; }
.poster-main .poster-list .poster-item { position: absolute; left: 30%; top: 0; padding: 10px; border: 1px solid #ccc; background: #fff; }
.poster-main .poster-btn { position: absolute; top: 0; width: 40px; height: 40px; z-index: 20; cursor: pointer; opacity: 0.8; }
.poster-main .poster-prev-btn { left: -30%; background: url(../img/arrow_l.png) no-repeat center; }
.poster-main .poster-next-btn { right: -30%; background: url(../img/arrow_r.png) no-repeat center; }

.honor-main { position: relative; padding-bottom: 50px; }
.honor-main h1 { margin: 40px 0 20px; position: relative; }
.honor-main h1:before, .honor-main h1:after { position: absolute; content: ""; border-color: #797575; width: 589px; bottom: 19px; }
.honor-main h1:before { left: 0; }
.honor-main h1:after { right: 0; }
.honor-main li:hover h4 a { color: #117e48; }
.honor-main h4 { margin-bottom: 20px; font-size: 28px; }
.honor-main h4 a { color: #000; }
.honor-main p { position: relative; line-height: 2; cursor: pointer; }
.honor-main p:hover { color: #117e48; }
.honor-main p img { display: none; }
.honor-main .sub { position: absolute; top: 30%; left: 35%; z-index: 20; display: none; }

.honnor-warp { margin: 60px 0 40px; }
.honnor-warp li { display: inline-block; height: 250px; cursor: pointer; }
.honnor-warp li span { display: inline-block; border: 1px solid #ccc; padding: 20px; }
.honnor-warp li img { width: 231px; height: 166px; }
.honnor-warp li:hover p { color: #00BD82; }

.service { background: url(../img/服务_bg1.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; }

.process ul { margin: 20px 0 120px; }
.process li { margin-left: -20px; position: relative; }
.process li span { display: inline-block; width: 200px; height: 200px; background: #22a993; border: 4px solid #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; cursor: pointer; }
.process li .info, .process li .hd { position: absolute; top: 40px; left: 50px; width: 116px; cursor: pointer; height: 130px; overflow: hidden; }
.process li .info h3, .process li .hd h3 { color: #117e48; font-size: 30px; }
.process li .info p, .process li .hd p { margin-top: 15px; color: #333; font-size: 16px; }
.process .li-a span { opacity: 0.3; }
.process .li-b, .process .li-c, .process .li-d, .process .li-e, .process .li-f, .process .li-g { margin-left: -40px; }
.process .li-b span { opacity: 0.4; }
.process .li-c span { opacity: 0.5; }
.process .li-d span { opacity: 0.6; }
.process .li-e span { opacity: 0.7; }
.process .li-f span { opacity: 0.8; }
.process .li-g span { opacity: 0.9; }

.ser-bg { background: url(../img/服务_bg2.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; }
.ser-bg .com-top { padding-bottom: 90px; }
.ser-bg .com-top .hd span { background: #fff; }
.ser-bg .com-top .hd .line { border-bottom-color: #fff; }
.ser-bg .com-top .hd .line:after, .ser-bg .com-top .hd .line:before { background: #fff; }
.ser-bg .bg { text-align: center; }
.ser-bg .bg li { position: relative; display: inline-block; background: #fff; padding: 46px 63px; overflow: hidden; margin-right: 20px; }
.ser-bg .bg li i { color: #00BD82; font-family: "microsoft yahei",gautami; font-size: 30px; }
.ser-bg .bg li > p { color: #333; padding-top: 10px; }
.ser-bg .bg li .ser-info { position: absolute; top: 180px; left: 0; height: 160px; background: #00524C; padding: 40px 18px 0; cursor: pointer; text-align: left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.ser-bg .bg li .ser-info p { padding-top: 10px; }
.ser-bg .bg li:hover .ser-info { top: 0; }
.ser-bg .bg li:last-child { margin-right: 0; }

.process .hd span, .ser-bz .hd span, .ser-after .hd span { background: #117e48; }
.process .hd .line, .ser-bz .hd .line, .ser-after .hd .line { border-bottom-color: #117e48; }
.process .hd .line:after, .process .hd .line:before, .ser-bz .hd .line:after, .ser-bz .hd .line:before, .ser-after .hd .line:after, .ser-after .hd .line:before { background: #9a9a9a; }

.ser-bz { padding-bottom: 50px; }
.ser-bz ul li { position: relative; height: 240px; }
.ser-bz ul li img { width: 240px; height: 275px; }
.ser-bz ul li h3, .ser-bz ul li .info, .ser-bz ul li .hd { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.ser-bz ul li h3 { position: absolute; bottom: 0; width: 100%; background: #000; opacity: 0.6; padding: 10px 0; filter: alpha(opacity=60); }
.ser-bz ul li .info, .ser-bz ul li .hd { position: absolute; top: 280px; background: #00524c; width: 100%; color: #fff; height: 100%; padding: 60px 0; line-height: 2; font-size: 24px; cursor: pointer; opacity: 0.9; filter: alpha(opacity=90); }
.ser-bz ul li:hover .info, .ser-bz ul li:hover .hd { top: 0; }
.ser-bz ul li:hover h3 { bottom: -50px; }

.ser-after { background: #ddd; margin-bottom: 70px; padding-bottom: 100px; }
.ser-after .hd .line:after, .ser-after .hd .line:before { background: #333; }
.ser-after li { display: inline-block; padding: 0 25px; }
.ser-after li P { font-size: 20px; color: #333; }
.ser-after .ser-list { display: inline-block; background: url(../img/big_round.png) no-repeat; width: 140px; height: 140px; transition-property: background-image; -moz-transition-property: background-image; -webkit-transition-property: background-image; -o-transition-property: background-image; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; }
.ser-after .ser-list [class^="icon-"]:before { display: inline-block; padding: 40px; font-size: 50px; color: #a0a0a0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.ser-after .ser-list:hover { background: url(../img/big_round_1.png) no-repeat; }
.ser-after .ser-list:hover [class^="icon-"] { color: #117E48; }
.ser-after .ser-list:hover [class^="icon-"]:before { color: #117e48; }

.brand a { display: block; float: left; margin-right: 20px; width: 208px; height: 108px; text-align: center; position: relative; }
.brand a img { border: 1px solid #ccc; width: 208px; height: 108px; }
.brand a .info, .brand a .hd { display: none; width: 0; height: 76px; margin: 0 auto; background: #00524C; font-size: 20px; color: #fff; text-align: center; padding-top: 35px; }

.hr .hd { padding-bottom: 40px; }
.hr .hd span { background: #00524C; }
.hr .hd .line { border-bottom-color: #00524c; }
.hr .hd .line:after, .hr .hd .line:before { background: #9a9a9a; }
.hr h2 { font-size: 24px; padding-bottom: 20px; }
.hr b { display: block; line-height: 1.8; }
.hr a { color: #00BD82; }

.bor-r { border-right: 1px solid #ccc; }

.con-list { margin: 80px 0; }
.con-list .ml40 { margin-left: 40px; }
.con-list li { display: inline-block; width: 350px; }
.con-list li h3 { padding-bottom: 10px; color: #6e6e6e; font-size: 18px; cursor: pointer; }
.con-list li h3:hover { color: #00BD82; }
.con-list li p { line-height: 1.8; }
.con-list li .more { color: #00AA91; font-size: 12px; cursor: pointer; }
.con-list li .info, .con-list li .hd { margin: 20px 0 0 20px; }
.con-list li .info h2, .con-list li .hd h2 { font-weight: 600; color: #00BD82; font-size: 24px; padding-bottom: 20px; }
.con-list li .info p, .con-list li .hd p { font-size: 14px; }

.more-arr { font-family: sans-serif,宋体; }

.message h2 { font-size: 24px; padding-bottom: 40px; }

.form-box { margin-left: 50px; }
.form-box .group input { border: none; outline: none; border: 1px solid #ccc; padding: 5px; width: 460px; }
.form-box .textarea { width: 448px; height: 100px; border: 1px solid #ccc; resize: none; outline: 0; color: #333; padding: 10px; overflow: hidden; }
.form-box .m-btn { border: none; outline: none; display: inline-block; background: #00524C; cursor: pointer; margin-left: 58px; padding: 10px 0; width: 475px; }

.map { position: relative; }
.map .map-info { z-index: 10; line-height: 1.8; overflow: hidden; cursor: pointer; }
.map .map-info .bgcolor { position: absolute; top: 0; left: 0; width: 100%; height: 550px; background: #333; opacity: 0.4; }
.map .map-info .bg { position: absolute; top: 15%; left: 35%; width: 490px; height: 260px; padding: 30px; border: 2px solid #fff; background: #00524C; }
.map .map-info .title { font-size: 24px; padding-bottom: 20px; border-bottom: 1px solid #fff; }
.map .map-info li { display: inline-block; padding-right: 50px; }
.map .map-info li h3 { font-size: 20px; padding-bottom: 10px; }

.footer { background: #22a993; }
.footer a, .footer span { display: inline-block; color: #333; }
.footer .list { display: inline; }
.footer .list a { padding: 25px 0; }
.footer .list span { margin: 0 20px; color: #91d4c9; }
.footer .link { display: inline; }
.footer .link span { vertical-align: top; margin: 22px 10px 0 0; }
.footer .link a { padding-top: 15px; margin-right: 5px; }
.footer .link a img { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; }
.footer .link a:hover { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
